<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>信息管理系统</title>
<link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.4.1/themes/bootstrap/easyui.css" />
<link rel="stylesheet" type="text/css"
	href="js/jquery-easyui-1.4.1/themes/icon.css" />
<!-- Theme style -->
<link rel="stylesheet"
	href="css/common/libs/font-awesome/css/font-awesome.min.css"/>
<!-- 自定义的css-->
<link rel="stylesheet"
	href="css/customer/common.css">
<script type="text/javascript"
	src="js/jquery-easyui-1.4.1/jquery.min.js"></script>
<script type="text/javascript"
	src="js/jquery-easyui-1.4.1/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="js/jquery-easyui-1.4.1/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<style type="text/css">
	.content {
	padding: 10px 10px 10px 10px;}
	/*滚动条整体部分,必须要设置*/
        ::-webkit-scrollbar{
            width: 5px;
            height: 5px;
        }
        /*滚动条的滑块按钮*/
        ::-webkit-scrollbar-thumb{
            border-radius: 5px;
            background-color: #f6f5f5;
            -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.2);
        }
</style>
</head>
<body class="easyui-layout">
	<!-- 顶部主菜单 -->
	<div data-options="region:'north',border:false" style="height: 48px;">
		<!-- logo -->
		<div style="left:0;width:180px;position:absolute;background-color:#367fa9">
			<a href="#"><img src="img/imlogo.png"/></a>
		</div>
		<!-- 菜单区 动态创建-->
		<div id="mainnav" style="margin-left:180px;height:100%;background-color:#3c8dbc;">
			<!--<div class="navmenu">
				<ul class="fa-ul">
					<li><a href="javascript:void(0);">
							<span class="fa-li fa fa-user fa-2x">
								<div>个人</div>
							</span>
						</a>
					</li>
					<li><a href="javascript:void(0);">
							<span class="fa-li fa fa-pie-chart fa-2x">
								<div>报表</div>
							</span>
						</a>
					</li>
				</ul>
			</div>-->
		</div>
	</div>
	<!-- 左边菜单导航 -->
	<div data-options="region:'west',title:'菜单',split:true,border:true,expandMode:null"
		style="width: 180px;">
		<div class="easyui-layout" fit='true'>
			<!-- 手风琴菜单栏 -->
			<div data-options="region:'center',title:'',border:false">
				<div id="RightAccordion" class="easyui-accordion"></div>
			</div>
		</div>
	</div>
	<!-- 中间内容区域 -->
	<div data-options="region:'center',title:'',border:true">
		<div id="tabs" class="easyui-tabs" fit="true" border="false">
			<div title="首页" iconCls="fa fa-home fa-fw" style="padding: 20px;"></div>
		</div>
	</div>
	<!-- 底部低栏 -->
	<div data-options="region:'south',border:false" style="height: 20px;">
		<div class="indexfooter">
			<strong>Copyright © 2017 <a href="https://gitee.com/ycxweb/im">im</a>.</strong> 
			All rights reserved. <b>Email</b>：799963669@qq.com <b>QQ</b>：799963669&nbsp;&nbsp;&nbsp;
    		<a href="http://www.miitbeian.gov.cn/">京ICP备16062522号</a>
		</div>
	</div>
	<script type="text/javascript">
	/**
	 * 动态构建树型菜单
	 */
	$(function() {
		// 创建主菜单
	    createMainNav();
	});

	$(function(){
		var options = {
			height:'60px',
			logoutUrl:'logout',
			userInfo:{
				imgCls:'userimg user8',
				userName:getCookie('username')
			},
			resize:true
		};
		// 重新定义panel头部
		$("body.easyui-layout").layout("panel", "west").panel("changeHeaderToUser",options);
		// 移除分割
		$("body.easyui-layout").layout("unsplit", "west");
	});
    </script>
</body>
</html>